<template>
  <div class="stats">
    <table class="table is-fullwidth">
      <thead>
        <th>统计项</th>
        <th>数量</th>
      </thead>
      <tbody>
        <tr>
          <td>事项总数</td>
          <td>{{ itemsCount }}</td>
        </tr>
        <tr>
          <td>总字数</td>
          <td>{{ charactorCount }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  computed: {
    ...mapGetters(['itemsCount', 'charactorCount'])
  }
}
</script>